.history-department {
  .banner {
    img {
      display: block;
      width: 100%;
    }
  }
  .content {
    .history-department-title {
      margin: 40px auto 35px;
      width: 640px;
      height: 140px;
      line-height: 148px;
      font-size: 40px;
      text-align: center;
      background-color: #cccccc;
    }
    .history-content {
      width: 1100px;
      margin: auto;
      .top {
        display: flex;
        justify-content: center;
        position: relative;
        .top-item {
          height: 28px;
          line-height: 30px;
          margin-right: 24px;
          width: 160px;
          text-align: center;
          border-right: 4px solid #000000;
        }
        .active {
          color: #f2b0b7;
        }
        .line {
          position: absolute;
          width: 727px;
          margin: auto;
          height: 8px;
          top: 28px;
          background-color: #cccccc;
          border-radius: 4px;
        }
      }
      .bottom {
        width: 727px;
        margin: 43px auto 70px;
        background-color: #cccccc;
        .bottom-title {
          padding: 16px 0 16px 60px;
          color: #cf6a85;
          font-size: 20px;
        }
        .content {
          padding: 0 34px 34px;
          img {
            display: block;
            width: 174px;
            margin: 0 30px 18px 0;
            float: left;
          }
          .desc {
          }
        }
      }
    }
  }
}
